	
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
	<HTML>
	<HEAD>
	<TITLE></TITLE>
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link href='{tmpl_var name="CFG_HOST_IMG"}css/wj.css' type="text/css" rel="stylesheet">
	<script type="text/javascript" src="../../js/global.js"></script>
	<script type="text/javascript" src="../../js/jquery/jquery.js"></script>
	<script type="text/javascript" src="../../js/game/controller.js"></script>
	<script type="text/javascript" src="../../js/game/controller/game.js"></script>
	<script type="text/javascript" src="../../js/game/controller/user.js"></script>
	<script type="text/javascript" src="../../js/game/controller/data_provider.js"></script>
	<script type="text/javascript" src="../../js/rpl.js"></script>
	<script type="text/javascript" src="../../js/game/controller/utils.js"></script>
	<script type="text/javascript" src="../../js/game/controller/utils/timer.js"></script>
	<script type="text/javascript" src="../../js/game/controller/utils/hash.js"></script>
	<script type="text/javascript" src="../../js/jquery/jquery.hashlocation.js"></script>
    <script type="text/javascript" src="../../js/jquery/jquery.color.js"></script>
    <script type="text/javascript" src="../../js/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript" src="../../js/bbcodes.js"></script>
	<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script>

	</HEAD>
	<BODY>
    
    <div id="left_fast" type="fast"  class="fast" onclick="location.href='#c=backDir&twa='+wj.getComandID();">
        <div class="desc">◄ Назад</div>
    </div>
    <div id="right_fast" type="fast" class="fast">
    </div>
    
    		
	<table cellspacing="0" cellpadding="0" align="center">
	  <tr>
	    <td  style="width:766px; height:780px">
			<table  cellspacing="0" cellpadding="0">
			  <tr>
				<td  style="width:42px; height:780px"></td>
				<td  style="width:676px; height:780px">
					<table  cellspacing="0" cellpadding="0">
					  <tr>
						<td id="td_menu" style="width:560px; height:119px;background-image: url(images/decor/grey_bg.gif); background-repeat:no-repeat">																									
							<div id="gl_menu"></div>
                            <!-- Диалог \ Лого -->
                            <div id="gl_dialog" onclick="wj.dialog.close();">
                                <div class="message"></div>
                            </div>
						</td>			
					  </tr>
					   <tr>
						<td  style="width:676px; height:562px;">
							<div id="gl_content" class="moz">
								
							</div>
						</td> 
					  </tr>
                      <tr>
                        <td id="gl_amenu" align="center" class="policy">                        
                            
                        </td>
                      </tr>
					  <tr>
						<td align="center"  style="color:#9AB5EE;font:bold 13px/13px Tahoma;width:676px; height:50px" class="policy">						
							WJ (c)
						</td>
					  </tr>
					</table>
				</td>
				<td  style="width:48px; height:780px"></td>
			  </tr>
			</table>
		</td>
	  </tr>
	</table>

		<script>
			
			// Авторизированы ли мы			
			var isAuth = <tmpl_if name='user_authenticated'>true<tmpl_else>false</tmpl_if>;
			
			// Для реалплексора
			document.domain = (document.domain == "www.wizardjiocb.ru") ? "www.wizardjiocb.ru" : "wj";		
			var pServer = "http://rpl." + document.domain;
			var pPrefix = "rpl_wj";
			
			// Сервер картинок
			var iServer = (document.domain == "www.wizardjiocb.ru") ? "http://www.wizardjiocb.ru/images/" : "http://wj/images/";		
			
			// Время				
			var iServerTime = {tmpl_Var name='serverTime'};
			
			// Константы блоков
			var bWidth = 113;
			var bHeight = 113;
            
            // Структуры
            var wj = null;
            var wj_user = null;
            wj_provider = null;
            
            // Титл
            document.title = 'Playground box';
			
			// Инициализация		
			$(document).ready(function()
			{				        
                								
				// Счётчик времени сервера			
				var serverTime = function(){
					iServerTime++;							
					setTimeout(serverTime, 1000);
				} 
				serverTime();
				
				// Подгружаем основные контроллеры
				controller.require( 'controller.Game' );
				controller.require( 'controller.user' );
				
				// Создаём контекст пользователя и контекст приложения
				wj_user = new controller.user();
				if (isAuth)
					wj_user.init({tmpl_var name='wj_user'});
				wj_provider = new controller.DataProvider();			
				wj_user.setProvider(wj_provider);				
				wj = new controller.Game(wj_user, wj_provider);
				
				// Привязываем события перемешения мыши на бади, для драга
				jQuery("body").mousemove(MoveFieldProc);
				
				// Менюшки ячеек
				jQuery("body").delegate("div[type=field]", 'mouseover', function(e){
                    if (wj_user && !wj_user.get("readonly"))
					$(this).find("div.menu").show();					
				});
				jQuery("body").delegate("div[type=field]", 'mouseleave', function(e){
                    if (wj && $(this).find("div.icon.delete").length == 0)
                    {
                        //wj.ExecC({"c": "deleteFieldCancel", "id": $(this).attr("field_id"), "twa": wj.getComandID()});
                    }
                    if (wj_user && !wj_user.get("readonly"))
					$(this).find("div.menu").hide();					
				});		
                
                // Блок быстрого действия
                jQuery("body").delegate("div[type=fast]", 'mouseover', function(e){
                    $(this).find("div.desc").show();
                });
                jQuery("body").delegate("div[type=fast]", 'mouseleave', function(e){                    
                    $(this).find("div.desc").hide();
                });   
                
                // Панель редактирования ячеек
                jQuery("body").delegate("div[type=panel]", 'mouseleave', function(e){                    
                    //$(this).remove();
                });  
                
                // Блок быстрого подхвата новой ячейки
                jQuery("body").delegate("div[type=nblock]", 'mouseover', function(e){                                                                               
                    curGeted = !curGeted;
                    if (curGeted)
                    {
                        moveField(jQuery(this).attr("class"), 1);
                    }
                    else
                    {
                        jQuery("body div.dragField").remove();
                    }
                });     	
                
                // Главная страница
                wj.ExecC({c:"login", "twa": wj.getComandID()});	
				
				
                                
			});
			
			
			var gx = 0;
			var gy = 0;
			function MoveFieldProc(event)
			{
				gx = event.pageX;
				gy = event.pageY;
				
				if (jQuery("body div.dragField").length > 0)
				{
					jQuery("body div.dragField").css("left", (gx-Math.round(bWidth/2))+"px");
					jQuery("body div.dragField").css("top", (gy-Math.round(bHeight/2))+"px");
				}
			}				
			
            var inContent = false;      // В просмотре контэнта
            var inContentField = 0;     // ID просматриваемого контэнта
            var backID = 0;             // ID уровня выше
			var curType = 0;            // Новая ячейка (выбранный тип)
			var curColor = "red";       // Новая ячейка (выбранный цвет)
            var curGeted = false;       // Взяли ли новую ячейку для выставления
            var curMove = false;        // Перемещаем ли ячейку
            var curMoveID = 0;          // ID перемещаемой ячейки  
            var curEditMode = "";       // Текущая опция редактирования контента ячейки
            var curEditID = 0;          // ID редактируемой ячейки
            var incLogin = 0;           // Кол-во входов (1ый по умолчанию)
            var incLoginData = null;
			function moveField(color, type)
			{				
				curType = type;
				curColor = color;
				var obj = jQuery("<div style='left:"+(gx-Math.round(bWidth/2))+"px;top:"+(gy-Math.round(bHeight/2))+"px;' class='dragField "+color+" type"+type+"'>");
				obj.mousedown(function() 
				{
					var px = jQuery("div#gl_content").position().left;
					var py = jQuery("div#gl_content").position().top;
					var cx = Math.floor((gx - px) / bWidth)+1;
					var cy = Math.floor((gy - py) / bHeight)+1;
					location.href='#c=newField&type='+curType+'&color='+curColor+'&x='+cx+'&y='+cy+'&twa='+wj.getComandID();
					jQuery(this).remove();
				});
				jQuery("body").append(obj);
			}
			
		</script>
	
	
		<!-- Шаблон отображения ячеек -->
		<script id="template_Location_Index" type="text/x-jquery-tmpl">
			{{if folders}}
				{{each(fid, folder) folders}}
					{{tmpl(folder) "#template_Field"}}
				{{/each}}
			{{/if}}
		</script>
		
        <!-- Подтверждения удаления -->
        <script id="template_Field_Menu_Delete" type="text/x-jquery-tmpl">
            <div class="icon no" title="Отмена" onclick="location.href='#c=deleteFieldCancel&id=${$data.id}&twa='+wj.getComandID();"><img src="${iServer}/decor/delete.png"></div>  
            <div class="icon yes" title="Удалить" onclick="location.href='#c=deleteField&id=${$data.id}&twa='+wj.getComandID();"><img src="${iServer}/decor/ok.png"></div>  
        </script>
        
        <!-- Меню ячейки -->
        <script id="template_Field_Menu" type="text/x-jquery-tmpl">
            <div class="icon delete" title="Удалить" onclick="location.href='#c=deleteFieldQuest&id=${$data.id}&twa='+wj.getComandID();"><img src="${iServer}/decor/delete32.png"></div>  
            <div class="icon move" title="Переместить" onclick="location.href='#c=moveField&id=${$data.id}&twa='+wj.getComandID();"><img src="${iServer}/decor/move32.png"></div>  
            <div class="icon edit" title="Редактировать" onclick="location.href='#c=editField&id=${$data.id}&twa='+wj.getComandID();"><img src="${iServer}/decor/edit32.png"></div>  
        </script>
        
		<!-- Шаблон ячейки -->
		<script id="template_Field" type="text/x-jquery-tmpl">
			<div field_id="${$data.id}" type="field" id="field_${$data.id}" title="${$data.descr}" class="block ${$data.color}" style="left:${($data.x-1)*bWidth}px;top:${($data.y-1)*bHeight}px;">
				<div class="name">
                    ${$data.name}
                </div>
                <div class="menu">
                    {{tmpl($data) "#template_Field_Menu"}}
                </div>
                <div class="click" onclick="location.href='#c=goInField&id=${$data.id}&twa='+wj.getComandID();"></div>
			</div>            
		</script>
        
        <!-- Редактирование ячейки -->
        <script id="template_Field_Edit" type="text/x-jquery-tmpl">
             <div id="panel" type="panel" class="panel" panel_id="edit_${id}">
                <div class="desc">Редактирование ячейки</div>
                <div class="input">
                    <div class="left">Имя:</div>
                    <div class="right"><input id="name" class="text" type="text" {{if field}}value="${field.name}"{{/if}}></div>
                </div>
                <div class="input">
                    <div class="left">Описание:</div>
                    <div class="right"><input id="descr" class="text" type="text" {{if field}}value="${field.descr}"{{/if}}></div>
                </div>    
                <div class="input">
                    <div class="left">Тип:</div>
                    <div class="right">
                        <select id="type">
                            <option value="1" {{if field && parseInt(field.type) == 1}}selected="selected"{{/if}}>Папка</option>
                            <option value="2" {{if field && parseInt(field.type) == 2}}selected="selected"{{/if}}>Контент</option>
                        </select>
                    </div>
                </div>     
                <div class="input">
                    <div class="left">Цвет:</div>
                    <div class="right">
                        <select id="color">
                            <option value="red" {{if field && field.color == "red"}}selected="selected"{{/if}}>Красный</option>
                            <option value="green" {{if field && field.color == "green"}}selected="selected"{{/if}}>Зелёный</option>
                            <option value="orange" {{if field && field.color == "orange"}}selected="selected"{{/if}}>Жёлтый</option>
                            <option value="pulp" {{if field && field.color == "pulp"}}selected="selected"{{/if}}>Бардовый</option>
                            <option value="blue" {{if field && field.color == "blue"}}selected="selected"{{/if}}>Синий</option>
                        </select>
                    </div>
                </div>     
                <div onclick="location.href='#c=saveField&id=${id}&twa='+wj.getComandID();" class="button">
                    Сохранить
                </div>
                <div onclick="location.href='#c=closePanel&id=edit_${id}&twa='+wj.getComandID();" class="button">
                    Отмена
                </div>
             </div>
        </script>
		
        <!-- Вход -->
		<script id="template_Location_Login" type="text/x-jquery-tmpl">
			<div class="panel">
                <form onkeyup="if(event.keyCode == 13){location.href='#c=login&twa='+wj.getComandID();}" onsubmit="location.href='#c=login&twa='+wj.getComandID();return false;" method="post" action="/?c=Index&m=Login">
				    <div class="desc">Авторизация</div>
				    <div class="input">
					    <div class="left">Логин:</div>
					    <div class="right"><input name="login" id="login" class="text" type="text" value=""></div>
				    </div>
				    <div class="input">
					    <div class="left">Пароль:</div>
					    <div class="right"><input name="password" id="password" class="text" type="password" value=""></div>
				    </div>			
				    <input type="submit" onclick="location.href='#c=login&twa='+wj.getComandID();" class="button" value="Войти">
				    <div onclick="location.href='#m=Location&op=Registration'" class="button">
					    Регистрация
				    </div>
                </form>
			</div>
		</script>
		
        <!-- Регистрация -->
		<script id="template_Location_Registration" type="text/x-jquery-tmpl">
			<div class="panel">
				<div class="desc">Регистрация</div>
				<div class="input">
					<div class="left">Логин:</div>
					<div class="right"><input id="login" class="text" type="text" value=""></div>
				</div>
				<div class="input">
					<div class="left">Пароль:</div>
					<div class="right"><input id="password" class="text" type="password" value=""></div>
				</div>
				<div onclick="location.href='#c=reg&twa='+wj.getComandID();" class="button">
					Зарегистрироваться
				</div>			
			</div>		
		</script>
        
        <!-- Открыть контнэнт ячейки -->
        <script id="template_Location_OpenContent" type="text/x-jquery-tmpl">
            {{if field}}
            
                <!-- Отображаем заметку -->
                {{if !mode}}
                    {{html field.content}}
                {{/if}}
                
                <!-- Редактируем html -->
                {{if mode == "html"}}
                    <textarea id="editHtml" class="html" onkeyup="storeCaret(this);" onclick="storeCaret(this);" onselect="storeCaret(this);" name="editHtml">
                        ${jQuery.trim(field.content)}
                    </textarea>
                {{/if}}
                
            {{else}}
                <div class="error">
                    Ячейка не найдена
                </div>
            {{/if}}
        </script>

        <!-- Верхнее меню -->
        <script id="template_Menu_Index" type="text/x-jquery-tmpl">
            <a id="bLogout" class="menuButton" {{if !isAuth}}style="display:none;"{{/if}} onclick="if (window.confirm('Действительно хотите выйти?')) location.href='#c=logout&twa='+wj.getComandID();" title="Выйти"><img src="images/decor/link1.gif" border="0"></a>
            <a id="bLogin" class="menuButton" {{if isAuth}}style="display:none;"{{/if}} onclick="location.href='#m=Location&op=Login'" title="Войти"><img src="images/decor/link1.gif" border="0"></a>                                
            <a class="menuButton" onclick="location.href='#c=backDir&id=-1&twa='+wj.getComandID();" title="Домой (начальная папка)"><img src="images/decor/link.gif" border="0"></a>                                
            <a class="menuButton" onclick="location.href='#c=fastPanel&twa='+wj.getComandID();" title="Скрыть / Показать панель быстрых действий"><img src="images/decor/link2.gif" border="0"></a> 
            
            {{if inContent}}
                {{if curEditMode == "html"}}
                    <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="location.href='#c=editFieldContent&type=save&twa='+wj.getComandID();" title="Сохранить"><img class="folder" src="images/decor/green.gif"></a>
                    <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="location.href='#c=editFieldContent&type=back&twa='+wj.getComandID();" title="Отмена"><img class="folder" src="images/decor/red.gif"></a>
                {{else}}
                    <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="location.href='#c=editFieldContent&type=html&twa='+wj.getComandID();" title="Редактировать"><img class="folder" src="images/decor/blue.gif"></a>
                {{/if}}                
            {{else}}
                <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="moveField('red', 1)" title="Добавить папку"><img class="folder" src="images/decor/red.gif"></a>
                <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="moveField('blue', 1)" title="Добавить папку"><img class="folder" src="images/decor/blue.gif"></a>
                <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="moveField('green', 1)" title="Добавить папку"><img class="folder" src="images/decor/green.gif"></a>
                <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="moveField('pulp', 1)" title="Добавить папку"><img class="folder" src="images/decor/pulp.gif"></a>
                <a {{if isAuth}}style="display:block;"{{else}}style="display:none;"{{/if}} class="menuButton actBut" onclick="moveField('orange', 1)" title="Добавить папку"><img class="folder" src="images/decor/orange.gif"></a>
            {{/if}}
        </script>
        
        <!-- Нижнее меню -->
        <script id="template_Hot_Index" type="text/x-jquery-tmpl">
            <div class="content">
                {{if inContent}}
                    
                {{else}}
                    <div id="block" type="nblock" style="margin-left:2px;" class="red"></div>
                    <div id="block" type="nblock" class="blue"></div>
                    <div id="block" type="nblock" class="green"></div>
                    <div id="block" type="nblock" class="pulp"></div>
                    <div id="block" type="nblock" style="margin-right:0px;" class="orange"></div>
                {{/if}}
            </div>
        </script>   
</BODY>
</HTML>

									
								
		
				
